<!DOCTYPE HTML>
<html>
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
		<script src="js/jquery-1.8.2.min.js"></script>
		<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none"></script>
		<script src="js/jquery.dropotron-1.2.js"></script>
		<script src="js/jquery.slidertron-1.2.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/5grid/core.css" />
			<link rel="stylesheet" href="css/5grid/core-desktop.css" />
			<link rel="stylesheet" href="css/5grid/core-1200px.css" />
			<link rel="stylesheet" href="css/5grid/core-noscript.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-desktop.css" />
		</noscript>
		<!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
		<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
		<script src="js/init.js"></script>
	</head>
	<body>

		<!-- Header Wrapper -->
			<div id="header-wrapper">
				<header id="header" class="5grid-layout">
					<div class="row">
						<div class="12u">
							<h1><a href="#" class="mobileUI-site-name">UntitledSite</a></h1>
							<span class="slogan">Ipsum feugiat consequat lorem</span>
							<form method="post" action="#" id="searchbox">
								<input type="text" class="text" name="search" />
								<input type="submit" class="submit" value="" />
							</form>
						</div>
					</div>
				</header>
			</div>

		<!-- Nav Wrapper -->
			<div id="nav-wrapper">
				<nav id="nav" class="5grid-layout">
					<div class="row">
						<div class="12u">
							<ul id="nav-top" class="mobileUI-site-nav">
								<li class="current_page_item"><a href="index.html">Homepage</a></li>
								<li>
									<a href="" class="arrow">A Dropdown Menu</a>
									<ul>
										<li><a href="#">Lorem ipsum dolor</a></li>
										<li><a href="#">Magna phasellus</a></li>
										<li><a href="#">Etiam dolore nisl</a></li>
										<li>
											<span class="arrow">Phasellus consequat</span>
											<ul>
												<li><a href="#">Lorem ipsum dolor</a></li>
												<li><a href="#">Phasellus consequat</a></li>
												<li><a href="#">Magna phasellus</a></li>
												<li><a href="#">Etiam dolore nisl</a></li>
												<li><a href="#">Veroeros feugiat</a></li>
											</ul>
										</li>
										<li><a href="#">Veroeros feugiat</a></li>
									</ul>
								</li>
								<li><a href="twocolumn1.html">Two Column 1</a></li>
								<li><a href="twocolumn2.html">Two Column 2</a></li>
								<li><a href="onecolumn.html">One Column</a></li>
							</ul>
						</div>
					</div>
				</nav>
			</div>
		
		<!-- Info Wrapper -->
<!--			<div id="info-wrapper">
				<div class="5grid-layout" id="info">
					<div class="row">
						<div class="12u">
							<span class="news">
								<strong>Latest news:</strong> <a href="#">Lorem ipsum dolor sit amet consequat? Feugiat veroeros aliquam sagittis hendrerit vel accumsan ...</a>
							</span>
							<span class="date">
								Thursday, October 18, 2012
							</span>
						</div>
					</div>
				</div>
			</div>-->
		
		<!-- Main -->
			<div id="main-wrapper">
				<div class="5grid-layout 5grid-flush">
					<div class="row">
						<div class="8u" id="content">
							
							<!-- Content -->
								<div class="5grid 5grid-flush">
									<div class="row">
										<div class="12u">
											
											<!-- Features -->
												<section class="box box-features">
													<ul class="tabs">
														<li><a href="#one" class="active">Blandit sed consequat?</a></li>
														<li><a href="#two">Lorem ipsum blandit</a></li>
														<li><a href="#three">Tempus consequat veroeros</a></li>
                                                                                                                <li><a href="#four">Muni Prueba</a></li>
													</ul>
													<div class="viewer">
														<div class="reel">
															<article id="one">
																<h2 class="caption-1">Lorem ipsum dolor sit consequat tempus</h2>
																<p class="caption-2">Hendrerit vel ligula accumsan erat neque dignissm blandit tellus quis sagittis .</p>
																<img src="images/slide01.jpg" class="image image-full" alt="" />
																<a href="#" class="link">Continue reading ...</a>
															</article>
															<article id="two">
																<h2 class="caption-1">Feugiat ligula accumsan veroeros</h2>
																<p class="caption-2">Tellus quis mauris sagittis hendrerit vel ligula, accumsan erat neque dignissm.</p>
																<img src="images/slide03.jpg" class="image image-full" alt="" />
																<a href="#" class="link">Continue reading ...</a>
															</article>
															<article id="three">
																<h2 class="caption-1">Sed erat dignissim lorem ipsum dolore</h2>
																<p class="caption-2">Accumsan erat neque dignissm blandit Tellus quis mauris sagittis hendrerit vel.</p>
																<img src="images/slide02.jpg" class="image image-full" alt="" />
																<a href="#" class="link">Continue reading ...</a>
															</article>
                                                                                                                        <article id="four">
																<h2 class="caption-1">Sed erat dignissim lorem ipsum dolore</h2>
																<p class="caption-2">Accumsan erat neque dignissm blandit Tellus quis mauris sagittis hendrerit vel.</p>
																<img src="images/slide04.JPG" class="image image-full" alt="" />
																<a href="#" class="link">Continue reading ...</a>
															</article>
														</div>
													</div>
													<div class="captions">
														<span class="caption-line-1"></span>
														<span class="caption-line-2"></span>
													</div>
												</section>

										</div>
									</div>
<!--									<div class="row">
										<div class="8u">
											
											 Box 
												<section class="box box-standard">
													<h2>Quam accumsan</h2>
													<ul class="style1x">
														<li>
															<article class="post-medium">
																<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
																<div>
																	<h3><a href="#">Adipiscing feugiat ipsum?</a></h3>
																	<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. 
																	Nulla accumsan erat in neque quam, quis dignissim erat commodo.</p>
																	<a href="#" class="button">Continue Reading</a>
																</div>
															</article>
														</li>
														<li>
															<article class="post-medium">
																<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
																<div>
																	<h3><a href="#">Magna accumsan consequat</a></h3>
																	<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. 
																	Nulla accumsan erat in neque quam, quis dignissim erat commodo.</p>
																	<a href="#" class="button">Continue Reading</a>
																</div>
															</article>
														</li>
													</ul>
												</section>
										
										</div>
										<div class="4u">
										
											 Box 
												<section class="box box-standard">
													<h2>Sed commodo</h2>
													<ul class="style1">
														<li>
															<article class="post-small">
																<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
																<div>
																	<p><a href="#">Nulla accumsan erat in neque et sed blandit.</a></p>
																</div>
															</article>
														</li>
														<li>
															<article class="post-small">
																<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
																<div>
																	<p><a href="#">Sed quam quis dignissim blandit consequat lorem.</a></p>
																</div>
															</article>
														</li>
														<li>
															<article class="post-small">
																<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
																<div>
																	<p><a href="#">Feugiat varius lorem quis blandit dignissim lorem?</a></p>
																</div>
															</article>
														</li>
													</ul>
													<a href="#" class="button">Continue Reading</a>
												</section>

										</div>
									</div>-->
									<div class="row">
										<div class="12u">

											<!-- Post -->
												<article class="box box-standard post-big">
													<h2>Erat neque sed quam</h2>
													<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
													<div>
														<header>
															<h3><a href="#">Ipsum dolor sit consequat tempus</a></h3>
															<span class="byline">Posted 8 hours ago by Someone</span>
														</header>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan erat in 
														neque Donec in sem velit, nec scelerisque neque. Pellentesque nec diam turpis. In et 
														purus neque. Curabitur elit nibh, placerat quis sodales in, tristique at risus. </p>
														<a href="#" class="button">Continue Reading</a>
													</div>
												</article>

										</div>
									</div>
									<div class="row">
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Feugiat</h2>
													<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Adipiscing feugiat ipsum?</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Accumsan</h2>
													<a href="#" class="image"><img src="images/pic08.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Lorem ipsum dolore</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
									</div>
									<div class="row">
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Tempus</h2>
													<a href="#" class="image"><img src="images/pic09.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Blandit feugiat consequat</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Lorem</h2>
													<a href="#" class="image"><img src="images/pic10.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Hendrerit tellus lorem</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
									</div>
									<div class="row">
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Hendrerit</h2>
													<a href="#" class="image"><img src="images/pic11.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Tellus quis lorem</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
										<div class="6u">
										
											<!-- Mini Post -->
												<article class="box box-standard post-small">
													<h2>Nullam</h2>
													<a href="#" class="image"><img src="images/pic12.jpg" alt="" /></a>
													<div>
														<h3><a href="#">Ligula dolore lorem</a></h3>
														<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla accumsan 
														erat in neque Donec in sem velit, nec scelerisque.</p>
													</div>
												</article>
										
										</div>
									</div>
								</div>
							
						</div>
						<div class="4u" id="sidebar">
							
							<!-- Links -->
								<section class="box box-standard box-links">
									<h2>Pulvinar feugiat</h2>
									<div class="5grid 5grid-flush">
										<div class="row">
											<div class="6u">
												<ul class="left">
													<li><a href="#">Quisque pulvinar</a></li>
													<li><a href="#">Sodales amet quam</a></li>
													<li><a href="#">Pellentesque nisl</a></li>
													<li><a href="#">Venenatis pharetra</a></li>
													<li><a href="#">Sed et vestibulum</a></li>
													<li><a href="#">Aliquam et vehicula</a></li>
													<li><a href="#">Dolore sed feugiat</a></li>
												</ul>
											</div>
											<div class="6u">
												<ul class="right">
													<li><a href="#">Quisque pulvinar</a></li>
													<li><a href="#">Sodales amet quam</a></li>
													<li><a href="#">Pellentesque nisl</a></li>
													<li><a href="#">Venenatis pharetra</a></li>
													<li><a href="#">Sed et vestibulum</a></li>
													<li><a href="#">Aliquam et vehicula</a></li>
													<li><a href="#">Dolore sed feugiat</a></li>
												</ul>
											</div>
										</div>
									</div>
								</section>

							<!-- Video -->
								<section class="box box-standard box-video">
									<h2>Vehicula lorem</h2>
									
										Replace the line below with your IFRAME, EMBED, or VIDEO tag.
										Don't worry about giving it a width or height as the design
										will automatically size it to fit the sidebar.
									
									<a href="#" class="image image-full"><img src="images/pic13.jpg" alt="" /></a>
								</section>

							<!-- Posts -->
<!--								<section class="box box-standard box-mini-posts">
									<h2>Dolore consequat</h2>
									<div class="5grid">
										<div class="row">
											<div class="6u">
												<article class="left">
													<a href="#" class="image image-full"><img src="images/pic14.jpg" alt="" /></a>
													<h3><a href="#">Magna sed et feugiat</a></h3>
													<p>Lorem ipsum nullam dolor sit amet, varius sed nulla lorem amet tempus consequat.</p>
												</article>
											</div>
											<div class="6u">
												<article class="right">
													<a href="#" class="image image-full"><img src="images/pic15.jpg" alt="" /></a>
													<h3><a href="#">Magna sed et feugiat</a></h3>
													<p>Lorem ipsum nullam dolor sit amet, varius sed nulla lorem amet tempus consequat.</p>
												</article>
											</div>
										</div>
										<div class="row">
											<div class="6u">
												<article class="left">
													<a href="#" class="image image-full"><img src="images/pic16.jpg" alt="" /></a>
													<h3><a href="#">Magna sed et feugiat</a></h3>
													<p>Lorem ipsum nullam dolor sit amet, varius sed nulla lorem amet tempus consequat.</p>
												</article>
											</div>
											<div class="6u">
												<article class="right">
													<a href="#" class="image image-full"><img src="images/pic17.jpg" alt="" /></a>
													<h3><a href="#">Magna sed et feugiat</a></h3>
													<p>Lorem ipsum nullam dolor sit amet, varius sed nulla lorem amet tempus consequat.</p>
												</article>
											</div>
										</div>
									</div>
									<a href="#" class="button">Browse Archives</a>
								</section>-->

							<!-- More Posts -->
<!--								<section class="box box-standard">
									<h2>Dolore consequat</h2>
									<ul class="style1">
										<li>
											<article>
												<h3><a href="#">Consequat feugiat lorem ipsum veroeros</a></h3>
												<p>Lorem ipsum sed dolor sit amet, varius et nulla lorem amet sed 
												ipsum amet dolor tellus quis donec feugiat varius.</p>
											</article>
										</li>
										<li>
											<article>
												<h3><a href="#">Scelerisque donec ligula accumsan</a></h3>
												<p>Lorem ipsum sed dolor sit amet, varius et nulla lorem amet sed 
												ipsum amet dolor tellus quis donec feugiat varius.</p>
											</article>
										</li>
										<li>
											<article>
												<h3><a href="#">Nam ut tellus sagittis lorem ipsum dolor</a></h3>
												<p>Lorem ipsum sed dolor sit amet, varius et nulla lorem amet sed 
												ipsum amet dolor tellus quis donec feugiat varius.</p>
											</article>
										</li>
									</ul>
									<a href="#" class="button">Browse Archives</a>
								</section>-->

						</div>
					</div>
				</div>
			</div>

		<!-- Footer -->
			<div id="footer-wrapper">
				<footer id="footer" class="5grid-layout">
					<div class="row">
						<div class="3u">
							<section>
								<h2>Feugiat lorem</h2>
								<ul class="style1">
									<li><a href="#">Vivamus mauris neque consequat</a></li>
									<li><a href="#">Pulvinar eget bibendum sed veroeros</a></li>
									<li><a href="#">Maecenas rutrum aliquam etiam lorem</a></li>
									<li><a href="#">Aliquet nisl quam venenatis tempus</a></li>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section>
								<h2>Nullam bibendum</h2>
								<ul class="style1">
									<li><a href="#">Vivamus mauris neque consequat</a></li>
									<li><a href="#">Pulvinar eget bibendum sed veroeros</a></li>
									<li><a href="#">Maecenas rutrum aliquam etiam lorem</a></li>
									<li><a href="#">Aliquet nisl quam venenatis tempus</a></li>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section>
								<h2>Odio aliquam</h2>
								<ul class="style1">
									<li><a href="#">Vivamus mauris neque consequat</a></li>
									<li><a href="#">Pulvinar eget bibendum sed veroeros</a></li>
									<li><a href="#">Maecenas rutrum aliquam etiam lorem</a></li>
									<li><a href="#">Aliquet nisl quam venenatis tempus</a></li>
								</ul>
							</section>
						</div>
						<div class="3u">
							<section>
								<h2>Donec et sagittis</h2>
								<p>Nam ut tellus quis mauris sagittis hendrerit eu vel ligula. Nulla 
								accumsan erat in neque Donec in sem turpis. In et purus neque. Curabitur 
								elit nibh, placerat quis sodales in, tristique at risus.</p>
								<ul class="icons">
									<li><a href="#"><img src="css/images/sicon01.png" alt="" /></a></li>
									<li><a href="#"><img src="css/images/sicon02.png" alt="" /></a></li>
									<li><a href="#"><img src="css/images/sicon03.png" alt="" /></a></li>
									<li><a href="#"><img src="css/images/sicon04.png" alt="" /></a></li>
									<li><a href="#"><img src="css/images/sicon05.png" alt="" /></a></li>
								</ul>
							</section>
						</div>
					</div>
				</footer>
				<div id="copyright">
					&copy; Untitled. All rights reserved. Lorem ipsum dolor sit amet consequat phasellus.
				</div>
			</div>

	</body>
</html>